/* pages/mine/mine.wxss */
@import '../../../app.less';

.navigation {
    position: relative;
}

.navtitle {
    left: 45%;
    position: absolute;
    top: 45%;
    color: #fff;
}

/* 头像 */
content,
.user-box {
    position: relative;

}

.user-box .bg2 {
    width: 750rpx;
    height: 360rpx;
}

.user-box .avtar {
    width: 124rpx;
    height: 124rpx;
    border-radius: 50%;
    background: #fff;
    will-change: transform;
    position: absolute;
    top: 98rpx;
    right: 32rpx;
}

.user-box .hang {
    color: #F00;
    position: absolute;
}

.user-box .user {
    position: absolute;
    top: 98rpx;
    left: 32rpx;
    color: #fff;
    font-size: 48rpx;
}

.user-box .user>text {
    font-size: 25px;
}

.user-box .user>view {
    font-size: 15px;
    margin-top: 12rpx;
}

.list {
    width: 686rpx;
    background-color: #fff;
    padding: 0;
    height: 212rpx;
    padding: 44rpx 30rpx 39rpx 49rpx;
    box-sizing: border-box;
    position: absolute;
    top: 305rpx;
    right: 32rpx;
    border-radius: 16rpx;
    display: flex;

}

.list>view {
    font-size: 13px;
    margin-right: 49rpx;
}

.changepwd,
.setting {
    height: 112rpx;
    width: 686rpx;
    background-color: #fff;
    margin: 212rpx 32rpx 16rpx 32rpx;
    display: flex;
    border-radius: 16rpx;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0 32rpx;
    box-sizing: border-box;
    line-height: 112rpx;
    font-size: 15px;
}

.setting {
    margin: 0 32rpx 0 32rpx;
}




.btn {
    padding: 24rpx 32rpx;
    margin-top: 40rpx;
    button {
        height: 80rpx;
        line-height: 80rpx;
        background: rgba(147, 157, 173, .16);
        color: @color-text-primary;
        font-size: 34rpx;
        border-radius: 5px;
        border: none;

        &::after {
            border: none !important;
        }
    }
}

.arrow-right {
    width: 32rpx;
    height: 32rpx;
    margin-top: 39rpx;
}

/* 
.quit,
.changepwd {
    padding: 0 40rpx;
    margin: 32rpx 0 20rpx 0;
    width: 750rpx;
    height: 108rpx;
    background-color: #fff;
} */